<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap</title>
    <link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style>

    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
        <div class="col-md-1 col-sm-3 col-xs-12">.col-md-1</div>
    </div>
    <div class="row">
        <div class="col-md-8">.col-md-8</div>
        <div class="col-md-4 ">.col-md-4</div>
    </div>
    <div class="row">
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-4 ">.col-md-4</div>
        <div class="col-md-4 ">.col-md-4</div>
    </div>
    <div class="row">
        <div class="col-md-4 col-md-offset-4 ">.col-md-4</div>
    </div>
    <div class="row">
        <ul class="breadcrumb">
            <li><a href="main.jsp">主页</a></li>
            <li><a href="login.jsp">登录</a></li>
        </ul>
    </div>
    <div class="row">
        <table class="table table-striped table-bordered table-hover table-condensed">
            <thead>
            <th>姓名</th>
            <th>年龄</th>
            <th>成绩</th>
            <th>email</th>
            <th>地址</th>
            </thead>
            <tbody>
            <tr class="active">
                <td>zhangsan</td>
                <td>32</td>
                <td>99</td>
                <td>8989898@qq.com</td>
                <td>广东广州</td>
            </tr>
            <tr class="success">
                <td>zhangsan</td>
                <td>32</td>
                <td>99</td>
                <td>8989898@qq.com</td>
                <td>广东广州</td>
            </tr>
            <tr class="warning">
                <td>zhangsan</td>
                <td>32</td>
                <td>99</td>
                <td>8989898@qq.com</td>
                <td>广东广州</td>
            </tr>
            <tr class="danger">
                <td>zhangsan</td>
                <td>32</td>
                <td>99</td>
                <td>8989898@qq.com</td>
                <td>广东广州</td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="row">
        <form action="" method="post">
            <div class="form-group">
                <label for="account" class="col-md-1">账号：</label>
                <input type="text" id="account" name="userAccount" class="form-control col-md-6" placeholder="请输入账号"
                       style="width: 10em;"/>
            </div>
            <br/>
            <div class="form-group">
                <label for="pwd" class="col-md-1">密码：</label>
                <input type="password" id="pwd" name="userPassword" placeholder="请输入密码" class="form-control col-md-6"
                       style="width: 10em;"/>
            </div>
            <br/>
            <div class="form-group">
                <button type="submit" class="btn btn-primary">登录</button>
            </div>

        </form>
    </div>


</div>


<script src="${pageContext.request.contextPath}/bootstrap/js/jquery-1.11.2.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>
</body>
</html>
